<template>
  <div id="app">
    <el-container style="min-height: 100%; border: 1px solid #ddd">
      <el-header style="height: 50px; text-align: right; font-size: 12px">
        <i class="el-icon-setting" style="margin-right: 10px"></i>
        <el-dropdown trigger="click">
          <span class="el-dropdown-link">
            willerfu<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </el-header>
      <el-container style="min-height: 100%;">
        <el-aside width="200px">
          <el-menu :unique-opened=true :router=true>
            <el-submenu index="1">
              <template slot="title"><i class="el-icon-goods"></i>商品管理</template>
              <el-menu-item-group>
                <!-- goodsList -->
                <el-menu-item index="1-1">商品列表</el-menu-item>
                <!-- addgoods -->
                <el-menu-item index="1-2">添加商品</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title"><i class="el-icon-location-outline"></i>地址管理</template>
              <el-menu-item-group>
                <!-- addressList -->
                <el-menu-item index="2-1">地址列表</el-menu-item>
                <!-- addAddress -->
                <el-menu-item index="2-2">添加地址</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title"><i class="el-icon-service"></i>用户管理</template>
              <el-menu-item-group>
                <!-- userList -->
                <el-menu-item index="3-1">用户列表</el-menu-item>
                <!-- addUser -->
                <el-menu-item index="3-2">添加用户</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-container>
          <el-main>
            <router-view></router-view>
          </el-main>
          <el-footer style="height: 50px;" >
            <span class="copyright">©2017 Willer Fu. All Rights Reserved.</span>
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import '@/assets/css/common.scss'

export default {
  name: 'app',
  components: {
  }
}
</script>
